<html>
<head>
	<title>Complex Layout</title>
    <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />

    <!-- GC -->
    <!-- LIBS -->
    <script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
    <!-- ENDLIBS -->

    <script type="text/javascript" src="ext/ext-all.js"></script>

    <!-- EXAMPLES -->
  
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/mainMenu.js"></script>
    <script type="text/javascript" src="js/mainPanel.js"></script>
</head>
<body>
    <div id="props-panel" class="x-hide-display" style="width:200px;height:200px;overflow:hidden;">
    </div>
    <div id="south" class="x-hide-display">
        <p>south - generally for informational stuff, also could be for status bar</p>
    </div>
</body>
</html>